import "./App.css";
import {
  FieldType,
} from "@lark-base-open/js-sdk";


export const icons = {
  [FieldType.Text]: (
    <svg
      className="icon"
      width="24"
      height="24"
      viewBox="0 0 24 24"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M14 5a1 1 0 1 0 0 2h8a1 1 0 1 0 0-2h-8Zm1 7a1 1 0 0 1 1-1h6a1 1 0 1 1 0 2h-6a1 1 0 0 1-1-1Zm3 5a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2h-4Zm-3.201 4.223-2.449-5.946H4.77a1.16 1.16 0 0 1-.187-.016L2.498 21.17a1.105 1.105 0 1 1-2.084-.736L6.562 3.013c.507-1.435 2.517-1.486 3.096-.08l7.184 17.448a1.105 1.105 0 0 1-2.043.841ZM8.165 5.113l-2.808 7.954h6.083L8.165 5.112Z"
        fill="#2B2F36"
      />
    </svg>
  ),
  [FieldType.Phone]: (
    <svg
      className="icon"
      width="24"
      height="24"
      viewBox="0 0 24 24"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M16.341 15.332c-.726.574-2.054 1.092-3.386.367-.816-.445-1.67-1.17-2.536-2.035-.87-.87-1.596-1.726-2.04-2.546-.717-1.322-.21-2.638.353-3.361l.215-.277-1.675-3.909L3.754 5.02c.15 2.762.926 6.583 4.827 10.483 3.9 3.9 7.72 4.677 10.482 4.826l1.45-3.518-3.915-1.682-.257.204ZM2.961 3.183 6.51 1.722a2 2 0 0 1 2.6 1.061l1.675 3.91a2 2 0 0 1-.26 2.016l-.215.276c-.267.344-.381.796-.173 1.18.306.565.872 1.26 1.696 2.084.822.822 1.514 1.386 2.079 1.693.386.211.843.094 1.188-.179l.257-.204a2 2 0 0 1 2.031-.269l3.914 1.682a2 2 0 0 1 1.06 2.599l-1.463 3.551c-.308.75-1.038 1.249-1.848 1.208-3.116-.155-7.5-1.03-11.885-5.414-4.384-4.384-5.259-8.768-5.414-11.885-.04-.81.459-1.539 1.208-1.848Z"
        fill="#2B2F36"
      />
    </svg>
  ),
  [FieldType.Number]: (
    <svg
      className="icon"
      width="24"
      height="24"
      viewBox="0 0 24 24"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M8.774 2.14a1 1 0 0 1 .85 1.129L9.242 6h6.98l.423-3.01a1 1 0 1 1 1.98.279L18.242 6H22a1 1 0 1 1 0 2h-4.04l-.984 7H20a1 1 0 1 1 0 2h-3.305l-.575 4.093a1 1 0 1 1-1.98-.278L14.674 17h-6.98l-.575 4.093a1 1 0 1 1-1.98-.278L5.674 17H2a1 1 0 1 1 0-2h3.956l.984-7H4a1 1 0 1 1 0-2h3.221l.423-3.01a1 1 0 0 1 1.13-.85ZM14.956 15l.984-7H8.96l-.984 7h6.98Z"
        fill="#2B2F36"
      />
    </svg>
  ),
  [FieldType.Url]: (
    <svg
      className="icon"
      width="24"
      height="24"
      viewBox="0 0 24 24"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M18.849 2.699a5.037 5.037 0 0 0-7.1.97L8.97 7.372a4.784 4.784 0 0 0 .957 6.699l.972.729a1 1 0 0 0 1.2-1.6l-.972-.73a2.784 2.784 0 0 1-.557-3.898l2.777-3.703a3.037 3.037 0 1 1 4.8 3.72l-1.429 1.786a1 1 0 1 0 1.562 1.25l1.43-1.788a5.037 5.037 0 0 0-.862-7.138Z"
        fill="#2B2F36"
      />
      <path
        d="M5.152 21.301a5.037 5.037 0 0 0 7.1-.97l2.777-3.703a4.784 4.784 0 0 0-.957-6.699L13.1 9.2a1 1 0 0 0-1.2 1.6l.973.73a2.784 2.784 0 0 1 .556 3.898l-2.777 3.703a3.037 3.037 0 1 1-4.8-3.72l1.429-1.786a1 1 0 0 0-1.562-1.25l-1.43 1.787a5.037 5.037 0 0 0 .863 7.14Z"
        fill="#2B2F36"
      />
    </svg>
  ),
};